//主js入口 一个主入口，通过webpack打包main.js，引入打包的js到index.html 即可
// console.log("ooook");

// 引入react必须按下面的大小写来
import React from "react"; //创建组件、虚拟DOM、生命周期
import ReactDOM from "react-dom"; //把创建好的 组件 和虚拟DOM 放到页面上展示

// 创建虚拟DOM元素(在内存中) 元素 属性 子元素、子节点+
// const myh1 = React.createElement("h1", null, "这是一个大大的H1"); //<h1 id="myh1" title="this is a h1">这是一个大大的H1</h1>
const myh1 = React.createElement(
    "h1", { id: "myh1", title: "this is my h1" },
    "这是一个大大的H1"
);
const mydiv = React.createElement("div", null, "this is div元素", myh1);

//以jsx形式 创建虚拟DOM，最方便的方式是写html代码

const mytest = "< div > mytest < /div>";

//渲染在页面上 渲染的元素 渲染到哪一个容器
ReactDOM.render(mydiv, document.getElementById("app"));